html, body{width:100%;height:100%;margin: 0;padding: 0;font-family: "Microsoft YaHei";background-color: #eee;}
button{color: #fff;}
a:hover, a:focus, a:active, button:hover, button:focus, button:active{outline: none;background-color: rgba(0,0,0,0.3) !important;}
i{font-size: 16px;padding-top: 1px;}
.navbar{border-radius: 0;min-height: 0;background-color: rgb(55,59,62);border: none;margin: 0;border-bottom: 1px rgba(0,0,0,0.3) solid;height: 40px;}
.navbar-nav{float: left;margin: 0;max-width: 50%;}
.navbar-nav>li{float: left;cursor: pointer;max-width: 100%;}
.navbar-nav>li>button{padding: 0 10px 0 0;border-right: rgba(0,0,0,0.3) 1px solid;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 20px;}
.navbar-nav>li>button>i{margin-left: -10px;width: 40px;text-align: center;}
.navbar-right{float: right;}
.navbar-right>li{padding: 0;}
.navbar-nav>li>button, .footbar-nav>li>button{background-color: transparent;color: #fff;border: none;padding: 10px;outline: none;height: 40px;width: 40px;}
.footbar{margin-left: 200px;}
.footbar-nav>li{text-align: center;float: left;width: 100%;height: 40px;color: #fff;cursor: pointer}
.footbar-nav>li>a{border-left: 1px rgba(0,0,0,0.3) solid;margin-left: -1px;width: 100%;background-color: transparent;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 11px 15px 9px;}
.footbar-nav>li>a>i{font-size: 14px;}
.footbar-nav>li>nav{display: none;position: absolute; bottom: 50px;width: 100%;}
.footbar-nav>li>nav>ul{background-color: #fff;border-radius: 4px;box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.footbar-nav>li>nav>ul>li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footbar-nav>li>nav>ul>li:hover{z-index: 1;}
.footbar-nav>li>nav>ul>li>a{color: #000;padding: 10px;}
.footbar-nav>li>nav>.prismatic{bottom: -5px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.list-group{margin: 0;}
.list-group-item{padding: 0;cursor: pointer;overflow: hidden;white-space:nowrap; text-overflow: ellipsis;height: 40px;}
.list-group-item>a{color: #fff;text-decoration: none;display: block;}
.list-group-item>a>i{margin-left: -10px;width: 40px;text-align: center;}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{background-color: transparent;border-color: transparent;}
.popdown{color: #fff;width: 0;height: 0;position: absolute;right: 0;z-index: 1;background-color: rgb(55,59,62);display: none;}
.popdown div{width: 100%;text-align: center;border-bottom: rgba(0,0,0,0.3) 1px solid;}
.popdown div>img{height: 64px;width: 64px;border-radius: 50%;margin-top: 20px;}
.popdown div>span{display: block;height: 40px;padding: 10px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.sidebar>ul>li, .popdown ul>li{max-width: 100%;border-radius: 0 !important;border-left: none;border-bottom:1px rgba(0,0,0,0.3) solid;border-top: none;border-right: none;background-color: transparent;color: #fff;}
.sidebar>ul>li{background-color: rgba(0,0,0,0.1);}
.sidebar>ul>li:first-child{border-top: none;}
.sidebar>ul>li>a, .popdown ul>li>a{padding: 10px;}
.sidebar>ul>li[role="separator"]{background-color: transparent;}
.sidebar>ul>li[role="separator"]:last-child{border-bottom: none;}
.sidebar>ul>li[role="separator"]:hover, .sidebar>ul>li[role="separator"]:focus, .sidebar>ul>li[role="separator"]:active{background-color: transparent;}
.sidebar>ul>li>.badge{margin-top: -30px;margin-right: 10px;}
.sidebar>ul>li>.badge.warning{background-color: #c50404;}
.prismatic{display: inline-block;width: 10px;height: 10px;background-color: #fff;position:absolute;transform:rotate(45deg)}
#header-menu{padding: 0;}
#dashboard{width: 200px;text-align: left;max-width: 100%;}
#search>div{display: none;position: absolute;top: 5px;right: 40px;height: 30px;overflow: hidden;background-color: transparent;}
#search>div>form>input[type=text]{width: 193px;line-height: 20px;padding: 5px 8px;margin-right: 7px;outline: none;border-radius: 3px;border: none;position: absolute;right: 0;}
#search>div>form>input[type=submit]{display: none;}
#search>div>form>.prismatic{top: 10px;right: 2px;}
#help, #search, #footer-menu{display: none;}
#help-info{display: none;position: fixed;top: 42px;right: 0;left: 200px;background-color: transparent;z-index: 1;}
#help-info>.prismatic{top: 2px;right: 55px;border-left: #ddd 1px solid;border-top: #ddd 1px solid;z-index: 1;}
#help-info>section{box-shadow: 0 1px 1px rgba(0,0,0,.05);margin: 7px 10px 10px;min-height: 40px;min-width: 200px;background-color: #fff;padding: 10px;border: #ddd 1px solid;border-radius: 4px;}
#aside-menu{z-index: 1;width: 200px;max-width: 50%;display: inline-block;position: absolute;top: 40px;bottom: 40px;overflow-x: hidden;overflow-y: auto;background-color: rgb(55,59,62);}
#aside-menu li.active, .popdown li.active{background-color: rgba(0,0,0,0.3);border: none;}
#backdrop{display: none;position: absolute;top: 40px;right: 0;bottom: 0;left: 0;background-color: rgba(55,59,62,0.8);}
#container{position: absolute;top: 40px;right:0;bottom: 0;left:200px;overflow: hidden;}
#container>iframe{width: 100%;height: 100%;border: none;}
#footer-menu{position: absolute;right: 0;bottom: 0;left: 0;background-color: rgb(55,59,62);height:40px;/*border-top:rgba(0,0,0,0.3) 1px solid;*/}
#copyright{background-color: rgb(55,59,62);color: #aaa;font-size: 12px;position:fixed;bottom: 0;height:40px;overflow: hidden;}
#copyright>p{padding: 0 10px;overflow: hidden;width: 200px;margin-bottom: -7px;}
@media(max-width: 640px){
	.footbar{margin-left: 0;}
	#aside-menu, #copyright{width: 0;bottom: 0;}
	#copyright{position: relative;}
	#container{left: 0 !important;}
	#help-info{left: 0;}
}
@media(min-width: 641px){
	#backdrop{display: none !important;}
}